<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>New Theme Forms a Flat Responsive Widget Template :: w3layouts</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords"
          content="New Theme Forms template Responsive, Login form web template,Flat Pricing tables,Flat Drop downs  Sign up Web Templates, Flat Web Templates, Login sign up Responsive web template, SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design"/>
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);

    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
    <!-- Custom Theme files -->
    <link th:href="@{/css/index/style.css}" rel="stylesheet" type="text/css" media="all"/>
    <!-- //Custom Theme files -->
    <!-- web font -->
    <link href="//fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i"
          rel="stylesheet">
    <!-- //web font -->
    <script th:src="@{/webjars/jquery/3.5.1/jquery.min.js}" type="text/javascript"></script>
    <script th:src="@{/js/index/registerMsg.js}" type="text/javascript"></script>
</head>
<body>
<!-- main -->
<div class="main">
    <h1>New Theme Forms</h1>
    <div class="main-w3lsrow">
        <!-- login form -->
        <div class="login-form login-form-left">
            <div class="agile-row">
                <h2>SignIn Form</h2>
                <div class="login-agileits-top">
                    <form th:action="@{/login/login}" method="post">
                        <p>账户</p>
                        <input type="text" class="name" name="uid"/>
                        <p>密码</p>
                        <input type="password" class="password" name="password"/>
                        <label class="anim">
                            <input type="checkbox" class="checkbox">
                            <span> Remember me ?</span>
                        </label>
                        <input type="submit" value="Sign In">
                    </form>
                </div>
                <div class="login-agileits-bottom">
                    <h6><a href="#">Forgot password?</a></h6>
                </div>
            </div>
        </div>
        <!-- sign up form -->
        <div class="login-form agileits-right">
            <div class="agile-row">
                <h3>SignUp Form</h3>
                <div class="login-agileits-top">
<!--                    th:action="@{/login/register}"-->
                    <form method="post" id="reg">
                        <p>用户名</p>
                        <input type="text" class="name" name="username" id="name"/>
                        <p>密码</p>
                        <input type="password" class="email" name="password" required=""/>
                        <p>确认密码</p>
                        <input type="password" class="password" name="password2" required=""/>

                        <input type="submit" value="Sign Up">
                    </form>
                </div>
            </div>
        </div>
        <div class="clear"></div>
    </div>
</div>
<!-- //main -->
<!-- copyright -->
<div class="copyright">
    <p> © 2017 New Theme Forms. All rights reserved | Design by <a href="http://w3layouts.com/" target="_blank">W3layouts</a>
    </p>
</div>
<!-- //copyright -->
</body>
</html>